import React, { useEffect, useState } from "react";
import styles from "./Index.module.css";
import { Button, NavBar } from "antd-mobile";
import { useNavigate } from "react-router-dom";
import instance from "../../api/request";
function Index() {
  const nav = useNavigate();
  const [bankCardNumber,setBankCardNumber] = useState('1234546789987654321')
  const [bankName,setBankName] = useState('北京银行')

  useEffect(()=>{

  })


  return (
    <div className={styles.bangz}>
      <div className={styles.nav}>
        <NavBar onBack={() => nav(-1)}>绑定银行卡</NavBar>
      </div>

      <div className={styles.yinh}>
        <div className={styles.yinhk}>
          <img src="./yinh.png" alt="" />
        </div>

        <div className={styles.zhao}>
          <img src="./zhao.png" alt="" />
          <div className={styles.zhao2}>点击拍摄/上传银行卡正面</div>
        </div>

        <div>
          <Button block color="primary" size="large" className={styles.btn}>
            下一步
          </Button>
        </div>





      </div>
    </div>
  );
}

export default Index;
